page{
    background-color: #eb4450;
}
.song_container{
    display: flex;
    flex-direction: column;
    align-items: center;
    .author{}
    .circle{
        position: relative;
        z-index: 10;
        width: 60rpx;
        height: 60rpx;
        border-radius: 50%;
        background: #fff;
        margin: 10rpx 0 ;
    }
    .needle{
        position: relative;
        top: -40rpx;
        left: 60rpx;
        width: 192rpx;
        height: 274rpx;
        z-index: 5;

        transform-origin: 40rpx 0;
        transform: rotate(-20deg);
        transition: all 1s;
    }
    .needleRotate{
        transform: rotate(0deg);
    }
    .discRotate{
        animation: disc 20s 1s linear infinite ;
    }

    @keyframes disc {
        from{
            transform: rotate(0deg);
        }
        to{
            transform: rotate(360deg);
        }
    }
    .disc_wrap{
        position: relative;
        top: -170rpx;
        width: 598rpx;
        height: 598rpx;
        .disc{

        }
       .music_img{
           position: absolute;
           top: 0;
           right: 0;
           left: 0;
           bottom: 0;
           margin: auto;
            width: 370rpx;
            height: 370rpx;
            border-radius: 50%;
       }
    }

    .icon_wrap{
        width: 100%;
        padding: 0 20rpx;
        margin-top: -70rpx;
        display: flex;
        justify-content: space-around;
        .iconfont{
            font-size: 50rpx;
            color: #fff;
        }
        .iconshoucangfuben{
            color: red;
        }
    }

    .progress_wrap{
        margin-top: 30rpx;
        width: 640rpx;
        height: 80rpx;
        line-height: 80rpx;
        display: flex;
        text{
            font-size: 20rpx;
            color: #fff;
        }
        .bar_control{
            position: relative;
            width: 450rpx;
            height: 4rpx;
            background-color: #ddd;
            margin: auto;
            .audio_current_bar{
                position: absolute;
                top: 0;
                left: 0;
                width: 100rpx;
                z-index: 1;
                height: 4rpx;
                background-color: #fff;
                .circle{
                    position: absolute;
                    top: -14rpx;
                    right: -12rpx;
                    width: 12rpx;
                    height: 12rpx;
                    border-radius: 50%;
                    background: #fff;
                }
            }
        }
    }
    
    
    
    .btn{
        margin-top: 50rpx;
        width: 100%;
        padding: 0 20rpx;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .iconfont{
            font-size: 60rpx;
            color: #fff;
        }
        .bf{
            font-size: 100rpx;
        }
    
    }
    
}